<template>
	<div id="app">
		<div class="wrap">
			<!-- <img src="../common/images/404.png" alt=""> -->
			<div class="title mt10">出错了！</div>
			<!-- <div class="text mt10">{{errorMsg}}</div> -->
			<div class="text mt10">您所访问的页面出现了内部错误或不存在。</div>
			<div class="text mt10">请点击下方按钮重新登录。</div>
			<div class="btn" @click="returnIndex">重新登录</div>
		</div>
	</div>
</template>

<script type="text/ecmascript-6">
export default {
  name: 'error',
  data() {
    return {
      errorMsg: '服务器繁忙，请稍后再试'
    }
  },
  created() {
    const msg = this.$route.params.errorMsg
    if (msg) {
      this.errorMsg = msg
    }
  },
  mounted() {

  },
  methods: {
    returnIndex: function() {
		  this.$store.dispatch('FedLogOut')
    }
  }
}
</script>

<style lang="css" scoped>
#app{
	background: #fff;
	min-height: 100%;
	position: absolute;
	width: 100%;
}
.wrap{
	text-align: center;
	padding-top: 1rem;
}
.wrap img{
	width: 2.1rem;
  margin: auto;
}
.title{
	color: #2a7ac3;
	font-size: 0.18rem;
}
.text{
	color: #999;
	font-size: 0.16rem;
}
.btn{
	/* background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ff4939), to(#ff4d3b)); */
	background-color: #01a4f6;
	line-height: 0.5rem;
	color: #fff;
	font-size: 0.16rem;
	border-radius: 100px;
	-webkit-border-radius:100px;
	margin : 0.2rem auto;
	width: 2rem;
}
</style>
